<template>
  <view>
    <view class="status-bar"></view>
    <view class="dark">
      <!-- 顶部导航栏 -->
      <msg-header></msg-header>
      <!-- 主内容区 -->
      <msg-content></msg-content>
    </view>
    <tab></tab>
  </view>
</template>

<script>
  import msgHeader from "@/components/message/msg-header.vue";
  import msgContent from "@/components/message/msg-content.vue";
  import tab from "@/components/tab.vue";
  export default {
    name: "message",
    components: {
      msgHeader,
      msgContent,
      tab,
    },
    data() {
      return {
        friends: [
          {
            id: 1,
            name: "在云小少爷",
            avatar: "https://picsum.photos/seed/user1/100/100",
            message: "在云小少爷发布了新作品",
            time: "20:20",
          },
          {
            id: 2,
            name: "抖音小助手",
            avatar: "https://picsum.photos/seed/user2/100/100",
            message: "2024年1月抖音活动预告",
            time: "06:04",
          },
          {
            id: 3,
            name: "用户588533255296",
            avatar: "https://picsum.photos/seed/user3/100/100",
            message: "用户588533255296的个性签名",
            time: "17:24",
          },
          {
            id: 4,
            name: "系统化撸号",
            avatar: "https://picsum.photos/seed/user4/100/100",
            message: "搞几个号，一人做运营团队",
            time: "昨天",
          },
          {
            id: 5,
            name: "旅行日记",
            avatar: "https://picsum.photos/seed/user5/100/100",
            message: "分享我的西藏之旅",
            time: "3天前",
          },
        ],
      };
    },
    methods: {},
  };
</script>

<style></style>
